@import "public";
body,html{
  background: #ff4c3e;
}
.panel{
  position:relative;
  width: torem(555px);
  height: torem(190px);
  z-index: 1;
  margin:0 auto;
  background: #ffe259;
  font-size: 0;
  #canvas-prize{
    position:relative;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    z-index:0;
    h5{
      position: absolute;
      top:torem(46px);
      width:100%;
      font-size: torem(38px);
      color: #ff523f;
      text-align: center;
    }
    p{
      position: absolute;
      top:torem(102px);
      width:100%;
      font-size: torem(30px);
      color: #333333;
      text-align: center;
    }
  }
  #canvas{
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    z-index:1;
  }
  #canvas-mask{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    z-index: 3;
    text-align: center;
    a{
      position: relative;
      top:torem(65px);
      left:0;
      display: inline-block;
      width: torem(240px);
      height: torem(50px);
      border-radius: torem(54px);
      line-height: torem(54px);
      text-align: center;
      background: #ff6c3c;
      font-size: torem(24px);
      color: #ffffff;
      cursor: pointer
    }
     p{
       position: relative;
       top:torem(75px);
       left:0;
       font-size: torem(20px);
       color: #666666;
     }
  }
  .top{
     position: absolute;
     top: torem(-11px);
     left:0;
     width: 100%;
     height:  torem(20px);
     z-index: 5;
     pointer-events: none;
     display: flex;
     justify-content: center;
     li{
       width: torem(20px);
       height:  torem(20px);
       border-radius: 50%;
       background: #ff4c3e;
       margin: 0 torem(10px);
     }
   }
  .bottom{
    position: absolute;
    bottom: torem(-11px);
    left:0;
    width: 100%;
    height:  torem(20px);
    z-index: 5;
    pointer-events: none;
    display: flex;
    justify-content: center;
    li{
      width: torem(20px);
      height:  torem(20px);
      border-radius: 50%;
      background: #ff4c3e;
      margin: 0 torem(10px);
    }
  }
}